<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>boardgame.io</title>
  <meta name="description" content="Open-Source JavaScript Game Engine for Turn-Based Games">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:creator" content="@nicolodavis">
  <meta name="twitter:title" content="boardgame.io">
  <meta name="twitter:image" content="https://res.cloudinary.com/dyfmhmho5/image/upload/v1543585150/logo_w1snck.png">
  <meta name="twitter:description" content="Open Source Game Engine for Turn-Based Games">
  <link rel="shortcut icon" href="https://raw.githubusercontent.com/boardgameio/boardgame.io/main/docs/favicon.png" type="image/png" sizes="16x16">
  <link rel="stylesheet" href="//unpkg.com/docsify-themeable@0/dist/css/theme-simple.css">
  <link rel="stylesheet" href="theme.css">

  <style>
  .gitter-open-chat-button {
    right: 1%;
    font-family: var(--base-font-family);
    letter-spacing: .2ch;
    background: var(--theme-color);
    box-shadow: 0 4px 13px var(--mono-base);
  }

  @media screen and (min-width: 768px) {
    .gitter-open-chat-button {
      font-size: .9375em;
    }
  }

  iframe {
    box-shadow: 0 0 10px var(--mono-tint2);
    border-radius: var(--border-radius-l);
    background: var(--mono-tint3);
  }

  iframe.plain {
    box-shadow: none;
    border: none;
    background: transparent;
    min-width: 0;
    width: 100%;
  }

  @media only screen and (max-device-width: 500px) {
    iframe.react {
      max-height: 60vh;
    }
  }
  </style>
</head>

<body>
  <div id="app"></div>
</body>

<script>
  window.$docsify = {
    name: 'boardgame.io',
    nameLink: {
      '/': '..'
    },
    repo: 'https://github.com/boardgameio/boardgame.io',
    logo: '../logo-optimized.svg',
    homepage: 'concepts.md',
    loadSidebar: 'sidebar.md',
    subMaxLevel: 2,
    auto2top: true,
    search: 'auto', // default
    pagination: {}, // default
    plugins: [],
    markdown: {
      renderer: {
        code: function(code, lang) {
          if (lang == 'codepen') {
            return code;
          }
          if (lang == 'react') {
            return code;
          }
          return this.origin.code.apply(this, arguments);
        }
      }
    }
  }
</script>

<script src="//unpkg.com/docsify@4"></script>
<script src="//unpkg.com/docsify-themeable@0"></script>
<script src="//unpkg.com/docsify@4/lib/plugins/search.min.js"></script>
<script src="//unpkg.com/docsify-pagination@2/dist/docsify-pagination.min.js"></script>
<script src="//unpkg.com/docsify-tabs@1"></script>
<script src="//unpkg.com/docsify-edit-on-github@1/index.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-json.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-jsx.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-typescript.min.js"></script>
<script>
  window.$docsify.plugins.push(EditOnGithubPlugin.create(
    'https://github.com/boardgameio/boardgame.io/blob/main/docs/documentation/',
    null,
    'Edit on GitHub'
  ));
</script>

<script>
  ((window.gitter = {}).chat = {}).options = {
    room: 'boardgame-io/General'
  };
</script>
<script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>

</html>
